@layout("/common/_container.html"){
<style>.bootstrap-select.btn-group .dropdown-toggle .filter-option {  width: 100px;  }.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {  margin: 0; }.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {  right: 4px;  }.timeButton > .timeBox button{border-radius: 5px;}</style>
<div class="ibox float-e-margins ">
    <div class="ibox-content" style="padding: 0">
        <div style="display: none">
            <input type="hidden" id="id" value="">
            <input type="hidden" id="userName" value="${userName}">
            <input type="hidden" id="menuName" value="到店-会员查询">
        </div>
        <div class="numStatistics">
            <div>总人数</div>
            <div onclick="displayHiding('ReservationsRecordTable')" id="zoom">
                <img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/open.png" alt="">
                <img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/shrink.png" alt="" style="display: none">
                <span>条件展开</span>
            </div>
        </div>
        <div class="divFlex" style="display: none">
            <div class="flex_one">
                <div style="flex: 2.01;">注册时间</div>
                <div>门诊</div>
                <div>电话号码</div>
            </div>
            <div class="flex_two">
                <div>
                    <input type="text" autocomplete="off" id="startCTime" onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss',choose:checkDate})">
                </div>
                <div>
                    <input type="text" autocomplete="off" id="endCTime" onclick="laydate({istiem:true,format:'YYYY-MM-DD 23:59:59',choose:checkDate})">
                </div>
                <div>
                    <select id="outpatientName" title="请选择" name="outpatientName" class="selectpicker" multiple data-actions-box="true" onchange="CustomerMemberTable.search()">
                        @for(str in outpatientManagementList){
                        <option value="${str.simplename}">${str.simplename}</option>
                        @}
                    </select>
                </div>
                <div>
                    <input type="text" id="searchPhone" style="width: 60%">
                    <a href="javascript:;" style="color: #2eadd0;" onclick="CustomerMemberTable.searchPhone()">搜索</a>
                </div>
            </div>
        </div>
        <div class="timeButton">
            <div class="timeBox">
                <div>
                    <span>扫码时间</span>
                    <input type="text" autocomplete="off" id="startUpdateTime" onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss',choose:checkDate})">
                    <span>-</span>
                    <input type="text" autocomplete="off" id="endUpdateTime" onclick="laydate({istiem:true,format:'YYYY-MM-DD 23:59:59',choose:checkDate})">
                </div>
                <div></div>
            </div>
            <div class="buttonBox">
                <div>
                    <button type="button" class="btn" onclick="CustomerMemberTable.getUserList()"><span>关注会员</span></button>
                    <button type="button" class="btn" onclick="CustomerMemberTable.resetSearch()"><img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/empty.png"><span>重置</span></button>
                    <button type="button" class="btn" onclick="$('#CustomerMemberTable').tableExport({ type: 'excel', escape: 'false' })"><img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/export.png"><span>导出</span></button>
                </div>
            </div>
        </div>
        <div class="tableBox">
            <#table id="CustomerMemberTable"/>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/arrival/customer/customer_member.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/arrival/customer/foregroundSearchContent.js?v=20200718"></script>
@}